*{
	padding: 0;
	margin:0;
	font-family: arial,STHeiti,'Microsoft YaHei';
}
.clear{
	clear: both;
}
.header{
	width: 100%;
	height: 54px;
	position:fixed;
	top:0px;
	left:0px;
	background-color: #3d444c;

}
.header_logo{
	width: 75px;
	height: 54px;
	float: left;
}
.header_wrap{
	width: 960px;
	height: 100%;
	margin:0 auto;
}
.header_wrap_nav{
	width: 500px;
	height: 100%;
	float: left;
}
.header_wrap_nav > li{
	list-style: none;
	float: left;
}
/*二级菜单*/
.header_wrap_nav > li > ul{
	width: 100px;
	height: auto;
	list-style: none;
	background-color: #3d444c;
	display: none;
}
.header_wrap_nav > li > ul > li{
	text-align: center;
	padding: 5px;
}
.header_wrap_nav > li > ul > li > a{
	text-decoration: none;
	color:#ccc;
}
.header_wrap_nav > li > ul > li:hover > a{
	color:#fff;
	background-color：#ccc；
}
.header_wrap_nav  > li > a{
	padding:0px 20px;
	color:#ccc;
	text-align: center;
	line-height: 54px;
	text-decoration: none;
	float: left；
}
.header_wrap_nav  > li:hover{
	background-color:#333;
	cursor: pointer;
}
.header_wrap_nav  > li:hover > a{
	color:#fff;
}
.header_wrap_login{
	width: 100px;
	height: auto;
	background-color:#FF411C;
	color:#fff;
	float: right;
	border-radius: 20px;
	text-align: center;
	line-height: 24px;
	margin-top: 13px;
	padding: 3px 5px 3px 5px;
}
.header_wrap_login > a{
	text-decoration:none;
	color:#fff;
	font-size: 14px;
}
.header_wrap_login:hover{
	background-color:#FE6000;
}
.banner{
	margin-top: 54px;
	width: 100%;
	height: 300px;
	background:#5eb4e7 url(../img/banner.png) no-repeat 50% 0;
	background-size: 960px 300px;
}
.ctn{
	width: 960px;
	height: auto;
	margin:15px auto;
}
.ctn_menu{
	width: 100%;
	height: 45px;
	border-bottom: 2px solid #00bc9b;
	margin-bottom: 20px;
}
.ctn_menu > ul{
	list-style:none;
}
.ctn_menu > ul > li{
	float: left;
	padding: 14.5px;
	margin-right: 1px;
	font-size: 12px;
}
.ctn_menu > ul > li:hover{
	background-color: #00bc9b;
	color:#fff;
	cursor: pointer;
}
.ctn_menu > ul > li.ctn_menu_active{
	background-color: #00bc9b;
	color:#fff;	
}
.ctn_match{
	width: 925px;
	height: 135px;
	padding:15px;
	border-left: 4px solid #00bc9b;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
}
.ctn_match_img{
	width: 135px;
	height: 135px;
	float: left;
	margin-right: 20px;
}
.ctn_match_img img{
	width: 135px;
	height: 135px;
}
.ctn_match_info{
	width: 570px;
	height: 134px;
	float: left;
}
.ctn_match_info > ul{
	list-style: none;
}
.ctn_match_info > ul > li{
	color:#86909b;
	float: left;
	font-size: 15px;
	padding-left: 30px;
	margin:0 20px 10px 0;
}
.ctn_match_h4{
	margin-bottom: 15px;
}
.ctn_match_h4 > a{
	text-decoration: none;
	font-weight: normal;
	color:#333;
}
.ctn_match_h4 > a:hover{
	color:#00bc9b;
}
.time_icon{
	background:url(../img/time_icon.png) no-repeat 0% 50%;
	background-size: 17px 17px;
}

.match_time_icon{
	background:url(../img/match_time_icon.png) no-repeat 0% 50%;
	background-size: 17px 17px;
}
.user_icon{
	background:url(../img/user_icon.png) no-repeat 0% 50%;
	background-size: 17px 17px;
}
.joins_icon{
	background:url(../img/joins_icon.png) no-repeat 0% 50%;
	background-size: 17px 17px;
}
.ctn_match_right{
	width: 200px;
	height: 64px;
	margin-top: 40px;
	float: left;
}
.ctn_match_right > a{
	display: inline-block;
	border-radius: 20px;
	text-decoration: none;
	text-align: center;
	width: 110px;
	line-height: 39px;
	background-color:#00bc9b;
	font-size:14px;
	color:#fff;
}
.ctn_match_right > a:hover{
	background-color: #02b192;
}
.ctn_match_count-down{
	width: 100%;
	height: 20px;
	color:#86909b;
	font-size: 14px;
	margin-top: 5px;
}
.ctn_match_more{
	width: 960px;
	height: 39px;
	margin:10px auto;
	position: relative;
}
.ctn_match_more > a{
	display: inline-block;
	width: 140px;
	height: 39px;
	text-align: center;
	line-height: 39px;
	color:#fff;
	background-color: #00bc9b;
	position: absolute;
	left: 50%;
	margin-left: -70px;
	border-radius:3px;
	text-decoration: none;
	font-size: 14px;
}
.ctn_match_more > a:hover{
	background-color: #02b192;
}
.footer{
	width: 100%;
	height: 220px;
	background-color: #3d444c;
}
.footer a{
	text-decoration: none;
	color: white;
}
.footer_img img{
	width: 100px;
	height: 100px;
}
.footer_wrap{
	width: 960px;
	height: 100%;
	margin:0 auto;
}
.footer_left{
	width: 470px;
	height: 100%;
	float: left;
	color: white;
}
.footer_left_main{
	margin: 15px auto;
	border-right:rgba(255,255,255,0.7) 1px solid;
}
.footer_right{
	width: 470px;
	height: 100%;
	float: left;
	color: white;
	margin-left: 20px;
}
.footer_right_main{
	margin: 15px auto;
}